* { margin:0; padding:0; }

body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { padding:0; background:#018bd3 url(images/bg.jpg) left bottom repeat-x; font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#666666; text-align:center; min-width:1020px; }

a { color:#FFFFFF; text-decoration:none; border:none; font-size:1.2em; }

a:link, li a.active { text-decoration:none; border:none; outline:none; text-shadow:2px 3px 3px rgba(10, 10, 10, 0.4); }

a:hover { text-decoration: none; border:none; }

img a { border:none; }

h1, h2, h3, h4, h5, h6 { font-family:Arial; margin:0 0 10px 0; }

h1 { font-size:230%; }

h2 { font-size:183%; font-weight:bold; color:#434343; }

h3 { font-size:140%; font-weight:bold; text-shadow:#333333 2px 2px 2px; filter: dropshadow(color=#333333,offX=2,offY=2); }

h4 { font-size:120%; font-weight:bold; }

h5 { font-size:100%; }

#right .block h2 { background:#9097a9 url(images/icons/menu-icon.png) no-repeat 10px center; color:#ffffff; padding:10px 10px 10px 45px; font-size:160%; }

.node h2 { border-bottom:1px dotted #84a1af; }

.node h2 a { color:#1c8cb5; font-size:26px; }

.block .content { padding:0 0 10px 0; }

p { margin:0; }

/*.node .content { font-family: Verdana; font-size:12px;}*/

.clearfix:after { content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.clearfix { display:inline-block; }

html[xmlns] .clearfix { display:block; }

#page { /*background: #B1B1B1;*/ }

.header_intro { position:relative; width:980px; height:188px; margin:0 20px 10px 20px; text-align:left; background:url(images/intro_bg.jpg) no-repeat; box-shadow:-5px 5px 30px #052400; border-radius:2px; }

.header_intro p { padding:10px; font-size:14px; color:#000000; line-height:28px; }

#header-top { }

#header-top-inside { height:52px; width:950px; margin:0 auto; }

#header-top-inside-left { float:left; text-align:left; padding:20px 0 0 0; width:670px; color:#485766; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; }

#header-top-inside-left-content { margin-top:-13px; padding-left:80px; }

#header-top-inside-left-content a { color:#6a87a3; }

#header-top-inside-left-feed { float:left; padding:18px 0 0 0; width:50px; }

#header-top-inside-right { float:right; width:185px; margin-right: 27px; vertical-align:middle; line-height:36px; }

#wrapper { position:relative; width:1019px; height:1278px; margin:0 auto; text-align:left; border:10px solid #34c007; box-shadow:-5px 10px 30px #052400; border-radius:0 0 5px 5px; padding:0 0 20px 0; overflow-x: hidden; overflow-y: auto; }

.contentWrapper { float:left; position:relative; background:url(images/bg.png) left top repeat; width:1019px; height:959px; }

#left { float:left; width:665px; margin-left:20px; }
 
#header { padding:29px 0 21px 0; }

#logo { margin:0 auto; text-align:left; text-indent:40px; height:54px; width:1040px; }

#logo-image { }

#languages { float:right; list-style:none; margin:0; position:absolute; right:10px; top:-35px; }

#languages li { float:left; margin-right:5px; }

#navigation { clear:both; background:#75b23b url(images/navigation_bg.jpg) repeat-x; width:1040px; height:36px; display:block; margin:15px auto 0; border-radius:5px 5px 0 0; }

/*#banner{ border:10px solid #ffffff;  height:320px;}*/

#slide-nav-button-1 { background:url(images/slide-nav-button-hover.png) no-repeat center; width:14px; height:14px; display:inline-block; margin:7px;}

#slide-nav-button-2, #slide-nav-button-3, #slide-nav-button-4, #slide-nav-button-5 { background:url(images/slide-nav-button.png) no-repeat center; width:14px; height:14px; display:inline-block; margin:7px; }

#home-blocks-area { margin-top:10px; }

.home-block { float:left; margin-right:11px; margin-bottom:10px; position:relative; }

.home_block_title { position:absolute; bottom:320px; right:-2px; }

.home-block h2 { background-color:transparent; }

/*#home-block-1 h2{ background:url(images/icons/man-icon.png) no-repeat 13px 10px; }*/

#home-block-2 h2{ background:url(images/icons/bubble-icon.png) no-repeat 13px 10px; }

#home-block-3 h2{ background:url(images/icons/phone-icon.png) no-repeat 13px 10px; }

/*
 * Home block text sized
 */
  
#home-block-1{ font-size:12px; background:url(images/home_block.png) no-repeat; width:320px; height:365px; font-family:Myriad Pro; }

#home-block-2{ font-size:12px; background:url(images/home_block.png) no-repeat; width:320px; height:365px; font-family:Myriad Pro; }

#home-block-3{ font-size:12px; background:url(images/home_block.png) no-repeat; width:320px; height:365px; font-family:Myriad Pro; }

#home-block-4{ font-size:12px; background:url(images/home_block.png) no-repeat; width:320px; height:365px; font-family:Myriad Pro; }

#home-block-1 .view-header p{ font-size: 18px; font-weight: bold; }

.home-block h3{ font-size: 18px; font-weight: bold; }

#home-blocks-area h2{ display:none; height: 5px; font-size:22px; font-weight:normal; color:#434343; margin:0; padding:5px 0 0 20px; }

#home-blocks-area .block .content{ color:#FFFFFF; padding:21px 14px 10px; display:block; overflow:hidden; height:321px; }

#home-blocks-area .block .content img{ width:287px; height:218px; }

#home-blocks-area .block .content p{ font-size:12px; color:#333333; height:280px; width:291px; overflow:hidden; width:expression("329px"); margin:10px 0; }

ul.inline li.node-readmore, ul.inline li.comment-add { background: url(images/more_info.png) 0 0 no-repeat; border:none; color:transparent; cursor:pointer; /*width:97px;*/ height:29px; display:block; padding:0; margin-left:70px;  margin-top:0px; list-style:none; line-height:29px; }

ul.inline li.node-readmore:hover, ul.inline li.comment-add:hover { background-position: 0 -29px; }

ul.inline li.node-readmore-cn, ul.inline li.comment-add-cn { background: url(images/more_info_cn.png) no-repeat; border:none; color:transparent; cursor:pointer; /*width:97px;*/ height:29px; display:block; padding:0; margin-left:70px;  margin-top:0px; list-style:none; line-height:29px; }

ul.inline li.node-readmore-cn:hover, ul.inline li.comment-add-cn:hover { background-position: 0 -29px; }

#home-blocks-area .block .content p.post-note{ font-size:12px; margin-top:-10px; }

#home-blocks-area .block .content p.post-note a{ color:#3f9fcf; }

/*
 * Footer
 */
#footer { clear:both; margin:0 auto; text-align:center; display: block; height:70px; }

#footer-inside { width:1020px; margin:0 auto; text-align:left; padding-top:38px;}

#footer-bottom { clear:both; margin:0 auto; text-align:center; display: block; background:#040507; border-top:1px solid #0F131F; }

#footer-bottom-inside { width:950px; margin:0 auto; text-align:left; min-height:50px; color:#6a7796; font-family:Verdana; font-size:11px; padding-top:27px; }

#footer-bottom-inside a {color:#6a7796; }

#main-area { background: transparent; clear:both; display:block; overflow:hidden;  background-image:url(images/home-block-box-bg.png); padding:20px;}

#main-area-inside {  display:block; overflow:hidden;  background-image:url(images/main-area-bg.png); min-height:1000px; }

#main.inside { display:block; width:657px; height:1047px; background:url(images/main_bg.png) no-repeat; color:#fff; }

#main.inside #content { padding:10px; }

#right { float:right; width:310px; padding:0; margin-right: 22px; }

#news { display:block; width:275px; height:200px; background:url(images/news_bg.png) no-repeat; padding:50px 17px; position:relative; }

#news div { padding-top:5px; }

#login { display:block; width:275px; height:210px; background:url(images/login_bg.png) no-repeat; padding:40px 17px; }

#user-login-form input.form-text { display:block; width:272px; height:29px; color:#333333; background:url(images/login_input.gif) no-repeat; border:none; text-indent: 5px; line-height:29px; vertical-align:middle; }

#user-login-form input.form-submit { display:block; width:85px; height:27px; color:transparent; background:url(images/login.png) no-repeat; border:none; text-indent: 5px; float:right; cursor:pointer; }

#user-login-form input.form-submit:hover { background:url(images/login_hover.png) no-repeat; }

#user-login-form input.form-submit:active { background:url(images/login_hover.png) no-repeat; }

#user-login-form input.form-submit::-moz-focus-inner { border:0; }

#edit-remember-me-wrapper, #edit-remember-me-1-wrapper { display:block; float:left; margin:0; width:120px; }

#myaccount { display:block; width:275px; height:210px; background:url(images/myaccount_bg.png) no-repeat; padding:40px 17px; }

.item-list { display:block; clear:both; }

.item-list ul li { list-style:none; margin:0; padding:0; }

#updates { display:block; width:275px; height:385px; background:url(images/recent_updates_bg.png) no-repeat; padding:50px 17px 20px; }

#updates .recent-updates { display:block; padding:15px 10px; }

#updates .recent-updates-list { display:block; list-style:none; margin:0; }

#updates .recent-updates-list li { margin-bottom:15px; height:55px; overflow:hidden; font-size:10px;  }

#updates .recent-updates-list a { color:#88766b; font-size:12px; font-style:normal; text-shadow:none; }

#updates .recent-updates-list a:hover { text-decoration:none; }

#updates .recent-updates-list li:nth-child(odd) { background-color:#ffed75; }

#updates .recent-updates-list li:nth-child(even) { background-color:#bceaff; }
/* 
 * Default typography 
 * please DO NOT modify following rules. 
 */

/*  --------------------------------------------------------------------- */
table { margin:15px 0; border:1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width:100%; }

th { text-align:center; font-weight:bold; border:1px solid #cdcdcd; }

th, td { padding:4px 6px; border:1px solid #cdcdcd; }

tr.table-top {background:#e5e5e5; font-weight:bold; }

/*  --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }

ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }

ol { list-style-type:decimal; }

ol ol { list-style-type:upper-alpha; }

ol ol ol {list-style-type:lower-alpha; }

li { display:list-item; }

ul li a { text-decoration:none; display:block; width:auto; }

ul li a:hover { text-decoration:none; }

/*  -------------------------------------------------------------------- */
dl { margin:15px 0; }

dt { font-weight:bold; }

dd { margin-left:30px; }

/*  --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }

legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }

abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }

blockquote { margin:15px 20px; font-style:italic; }

del, .del { text-decoration:line-through; }

strong, .strong { font-weight:bold; }

cite, em, q, var { font-style:italic; }

code, kbd, samp  {font-family:monospace; font-size:110%; }

hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCCCCC;}
 
.light {padding: 4px 5px; background: #ac0001; text-decoration:none;} .light:hover {color: #FFFFFF;}

.noscreen { display:none; }

.breadcrumb { padding-bottom:0px; }

.submitted { margin-bottom:10px; display:block; font-size:11px; }
.submitted a { font-weight:bold; color:#1b8bb4; }

div.terms { color:#444955; font-size:11px; font-weight:bold; background:url(images/tag.png) no-repeat left; padding-left:28px; margin-top:24px; float:left; }

div.terms a { color: #1b8bb4; }

div.terms ul.links li { padding-left: 1px; padding-right: 1px; }

div.links { float:right; }

/*
 * /Default typography */

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#navigation #nav_home { display:block; float:left; background:transparent url(images/nav_home.png) no-repeat; height:36px; width:53px; cursor:pointer; }

#navigation #nav_home:hover { background:transparent url(images/nav_home_hover.png) no-repeat; }

#navigation ul li { margin:0px; padding:0px; text-align:center; list-style-image:none;  margin:0px; padding:0px; text-align:center; list-style-image:none; display:block; float:left; }

#navigation li a { text-decoration: none; display:block; color:#FFFFFF; font-size:12px; font-weight: bold; font-family:arial; width:103px; height:36px; line-height:36px; vertical-align:middle; background:url(images/nav.png) no-repeat; text-shadow:#333333 2px 2px 2px; filter: dropshadow(color=#333333,offX=2,offY=2); }

#navigation li:hover a { text-decoration:none; background:url(images/nav_hover.png) no-repeat; }

#navigation li:active a { text-decoration:none; background:url(images/nav_hover.png) no-repeat; outline:none; }

#navigation .active-trail a { text-decoration:none; background:url(images/nav_active.png) no-repeat; }

#navigation .active-trail:hover a { text-decoration:none; background:url(images/nav_active.png) no-repeat; }

#navigation li.expanded a:hover, #navigation li.expanded:hover a { background:transparent url(images/menu_hover_pull.png) no-repeat right; }

#navigation ul.menu { margin:0; }

#navigation ul.menu li { display:block; float:left; border:none; margin:0; text-align:center; }

#navigation ul.menu li ul {left:-999em; margin:0; padding:0; position:absolute; width:196px; z-index:12; }

#navigation ul.menu li:hover ul, #navigation ul.menu li.hover ul { display:block; left:auto; text-align:left; }
  
#navigation ul.menu li ul li { /*border-bottom:1px solid #ffffff;*/ float:left; height:auto; margin:0; text-align:left; }

#navigation ul.menu li ul li.first { background:transparent url(images/menu-pulldownb-bg-top.png) no-repeat top; margin:0; padding:6px 0 0 0; }

#navigation ul.menu li ul li.last { background:transparent url(images/menu-pulldown-bg-bottom.png) no-repeat bottom; padding:0 0 6px 0; }


#navigation ul.menu li ul li.last { border-bottom:none; }

#navigation ul.menu li ul li a, #navigation ul.menu li ul li a:link, #navigation ul.menu li ul li a:visited { text-decoration:none;   background:#74171e; padding:0 5px 0 22px; display: block; width: 159px; text-align:left; font-weight:bold; font-size:15px; }

#navigation ul.menu li ul li a:hover { display:block; text-decoration:none; }

/*
 * /PRIMARY MENU WITH DROPDOWNS */
 
li.node_read_more { float:right; background:none repeat scroll 0 0 #11719F; height:40px; line-height:38px; min-width:90px; text-align:center; margin-top: 10px; margin-left: 5px; }

li.node_read_more a, li.comment_add a{ color:#FFFFFF; font-family:Arial; font-weight:bold; }

li.comment_add{ float:left;  background:none repeat scroll 0 0 #11719F; height: 40px; line-height: 38px; min-width:90px;	 text-align:center;  margin-top:10px; margin-right:5px; }

.node .content img { border:1px solid #ced1da; background:#eef0f5; padding:4px; margin-top:10px; margin-bottom:20px; }

#project_screenshot { background:#000000; padding:15px 15px 10px 15px; margin-top:5px; margin-bottom:5px; margin-right:10px; float:left; -moz-border-radius:5px; border-radius:5px; }

#project_follower { float:left; margin-top:10px; }

.addthis_toolbox.atfixed { border:1px solid #eee; padding:5px 5px 1px; width:40px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.addthis_toolbox .custom_images a { width:32px; height:32px; margin:0; padding:0; cursor:pointer; }

.addthis_toolbox .custom_images a img { border:0; margin:0 0 1px; opacity:1.0; }

.addthis_toolbox .custom_images a:hover img { margin:1px 0 0; opacity:0.75; }

#project_screenshot img { border:1px solid #ced1da; padding:0; margin:0; }

#project_relationship { margin:0; clear:both; }

#project_relationship li { float:left; list-style:none; margin-right:13px; position:relative; }

#project_relationship li div { background:#000000; padding:8px 8px 4px 8px; -moz-border-radius:5px; border-radius:5px; }

#project_relationship li img { width:180px; height:120px; padding:0; margin:0; }

#project_operation { float:right; list-style:none; }

#project_operation li { float:left; margin-right:25px; position:relative; }

#project_operation #ongoing { margin-left:2px; background:url(images/ongoing.png) no-repeat; width:9px; height:10px; position:absolute; margin-top:4px; }

#project_operation #website { margin-left:2px; background:url(images/star.png) no-repeat; width:13px; height:12px; position:absolute; margin-top:3px; }

#project_operation #sendemail { margin-left:2px; background:url(images/email.png) no-repeat; width:14px; height:9px; position:absolute; margin-top:4px; }

#project_operation #print { margin-left:2px; background:url(images/print.png) no-repeat; width:17px; height:14px; position:absolute; margin-top:1px; }

#ubiserve_tag { width:65px; height:27px; background:#99BC2E url(images/ubiserve_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#t3rc_tag { width:46px; height:27px; background:#99BC2E url(images/t3rc_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#activeaging_tag { width:80px; height:27px; background:#99BC2E url(images/activeaging_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#eberea_tag { width:52px; height:27px; background:#99BC2E url(images/eberea_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#epaper_tag { width:51px; height:27px; background:#99BC2E url(images/epaper_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#otasizzle_tag { width:59px; height:27px; background:#99BC2E url(images/otasizzle_tag.png) no-repeat; position:absolute; right:-7px; bottom:-7px; }

#project-links-section-resources { display:none; }

.content blockquote { border:1px solid #ced1da; background:#eef0f5;  font-weight:bold; margin-left:0; margin-right:0; padding:20px; text-align:center; }

#footer h2 { color: #F1F1F1; background:transparent url(images/footer_bottom.png) repeat-x bottom left; width:223px; height:32px; font-size:18px; margin-left:5px; margin-bottom:0; font-weight:normal; }

#footer a { color:#D1D1D1; text-decoration:none; font-size:13px; }

#footer li { list-style:none; background:transparent url(images/footer_bottom.png) repeat-x bottom left; width:217px; height:32px; line-height:32px; }

#footer ul { padding-left:0px; }

#footer .content { color:#D1D1D1; }

#footer-left { float:left;  padding-left:14px; height:170px; overflow:hidden; }

#footer-left-1 { float:left; width:230px; margin-right:25px; }

#footer-left-2 { float:left; width:230px; margin-right:25px; }

#footer-left-2 li.views-row { margin:0 0 0 0.5em; padding:0.2em 0.5em 0 0; }

#footer-center { float:left; width:255px; height:170px; overflow:hidden; }

#footer-right { float:left; width:230px; height:170px; overflow:hidden; }

#footer-right .content { margin-left:0.5em; margin-top:10px; }

#subscribe-bottom { background-image:url(images/subscribe-bottom.png); width:230px; height:36px; position:relative; }

#subscribe-slider-wrapper {  }

#subscribe-slider { height:36px; width:220px; line-height:40px; }

.ui-slider { background-position: center center; background-repeat:no-repeat; position:relative; }

#subscribe-handle { background-image:url(images/subscribe-slider.png); height:26px; left:0; position:absolute; top:0; width:50px; z-index:0; cursor:pointer; margin:5px 0 0 5px; }

.footer-copyright{ float:left; color:#D1D1D1; }

.footer-links{ float:right; }

.footer-links a{ color:#FFFFFF; }

/*
 * Front Page Slider 
 */
 
/*--Paging Styles--*/
/*--Main Container--*/
.main_view { float:left; position:relative; background:url(images/bg.png) left top repeat; }

/*--Window/Masking Styles--*/
.window { overflow:hidden; position:relative; width:654px; height:362px; background:url(images/slides.png) no-repeat; }

.image_reel { position:absolute; top: 0; left:0; }

.image_reel img {float:left; margin:11px; }


/*
 ** /Front Page Slider */
 
#home-block-2 .more-link a{ background:#74171e; color:#ffffff; clear:both; float:left; font-size:12px; font-weight:bold; padding:12px 6px;}

/*
 * Site Navigation Menu
 */
#block-menu-menu-site-navigation li a { background:url("images/menu-right-bg.png") no-repeat scroll 230px center #E0E3EB; color:#747C93; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:600; overflow:hidden; padding:10px 20px 10px 10px; }

#block-menu-menu-site-navigation ul.menu{ padding-left:5px; padding-right:5px; }

#block-menu-menu-site-navigation ul.menu li{ list-style:none; }
/*
 ** /site navigation menu */  



li.leaf { list-style-image:none; }

#block-menu-menu-content ul, #block-menu-menu-development ul  { padding:0; margin:0 5px 0 5px; }

#block-menu-menu-content li, #block-menu-menu-development li {list-style-type:none;}

#block-menu-menu-content li a, #block-menu-menu-development li a { display:block; padding:10px 20px 10px 10px; background:#e0e3eb url(images/menu-right-bg.png) no-repeat 230px center; overflow:hidden; color:#747c93; font-weight:600; font-family:Verdana, Arial, Helvetica, sans-serif; }

#block-user-1 li a {color:#747c93; }

#block-menu-menu-content li:hover a, #block-menu-menu-development li:hover a { display:block; overflow:hidden; background: #d0d4de url(images/menu-right-bg-active.png) no-repeat 230px center; padding:10px 20px 10px 10px; color:#444d68; text-decoration:none; }

th {background:#9097A9; color:#ffffff; }

tr.even { background-color:#e0e3eb; }

tr.odd { background-color:#ffffff; }

td.active {background:none;}

/*
 * Get in Touch block content
 */
 
.ico { float:left; margin-bottom:20px; margin-right:20px; }

.clear{ clear:both; }

.detail { float:left; }

.detail h3 {color:#FFFFFF; font-size:14px; font-weight:bold; padding:0; margin:0; line-height:16px; }

.detail h4 { color:#6A7796; font-size:14px; font-weight:normal; padding:0; margin:0; line-height:16px; }

/* this block need to have shorten height */
#home-blocks-area #home-block-3 .block .content{ min-height:205px; }
/*
 * /get in touch block */
 
/*
 * social links block
 */
#home-blocks-area #home-block-3  #home-block-3-b .block .content { min-height:0px; margin-top:10px; height:47px; padding-top:22px; }

.ico2{ padding-left:3px; }

.ico2 img { margin-right:5px; }
/*
 * /social links block */
 
/*
 * footer gallery block
 */  
.footer-gallery-block { width: 260px; }
 
.footer-gallery-block img { background-color:#191F2F; border:1px solid #252C3E; float:left; margin-bottom:10px; margin-right:9px; padding:5px; }
/*
 * /footer gallery block */

/*
 * twitter block 
 */
ul.twitter { -moz-border-radius:10px 10px 10px 10px; background:url("images/tweetbg.png") repeat scroll 0 0 transparent; list-style-type:none; padding:10px; width:280px; }

#footer ul.twitter{ padding:10px; }

#footer ul.twitter li, li.twitter-message { color:#417893; font-family:verdana; font-size:12px; margin:0; }

a.twitter-link, a.twitter-user {
    color: #B8E2F6;
}

.twitter-timestamp { color:#305465; display:block; font-family:verdana; font-size:11px; margin-top:25px; }
/*
 ** /twitter block */
 
/*
 * contact form
 */
form#contact_form label { font-weight:bold; }

form#commentform input, form#contact_form input[type="text"] { background:none repeat scroll 0 0 #EEF0F5; border:1px solid #CED1DA; font-size:18px; height:2em; width:95%; }

form#contact_form input[type="text"] { width:43%; }

form#commentform textarea, form#contact_form textarea { background:none repeat scroll 0 0 #EEF0F5; border:1px solid #CED1DA; font-family:Verdana; font-size:14px; height:170px; margin:0 0 10px 10px; width:290px; }

form#contact_form textarea { height:300px; margin-left:0; width:100%; }

#map_wrap { float:right; margin-right:0; }

p.map { display:block; font-weight:bold; margin:0; }

form#commentform input#submit, form#contact_form button { background:none repeat scroll 0 0 #11719F; border:0 none; color:#FFFFFF; float:right; font-weight:bold; margin-top:10px; padding:0 5px; width:80px; }

form#contact_form button { height:45px; margin:0; width:120px; }

/*
 * Credits
 */
 .credits-container { height:auto; margin:0 auto; padding:0; width:950px; }

.credits-container a{ text-decoration: underline; }

a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,  
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover { background:url("images/footer-logo-smashing.png") no-repeat scroll center top transparent; display:block; float:left; height:54px; margin:0; outline:0 none; padding:0; text-indent:-9999px; width:154px; }

a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover { background: url("images/footer-logo-drupalizing.png") no-repeat scroll center top transparent; }		

/*
 * Projects
 */
#projects { display:block; width:657px; height:1047px; background:url(images/main_content_bg.png) no-repeat; } 

#projects div.page_title { font-size:22px; font-weight:bold; color:#666666; text-shadow:#FFFFFF 1px 1px 1px; filter: dropshadow(color=#FFFFFF,offX=1,offY=1); padding-top:14px; padding-left:16px; } 

#project { display:block; position:relative; padding:33px 31px 23px 31px; color:#333333; } 

#project_list { display:block; margin:0; list-style:none; }

#project_list li { height:100px; border-bottom:1px solid #BCBCBC; padding-top:20px; }

#project .left { float:left; width:116px; }

#project .left .base { display:block; width:114px; height:76px; border:solid 1px #BCBCBC; background-color:#FFFFFF; position:relative; }

#project .left .base:hover { display:block; background-color:#0099CC; border:solid 1px #0000FF; }

#project .left img { display:block; width:110px; height:72px; margin:2px; }

#project .middle { float:left; margin-left:25px; width:340px; height:80px; overflow:hidden; }

#project .middle a { color:#333333; font-weight:bold; outline:none; }

#project .right { float:left; margin:30px 0 0 15px; font-size:11px; width:89px; }


/*
 * Contacts
 */
#contacts { display:block; width:657px; height:1047px; background:url(images/main_content_bg.png) no-repeat; }

#contacts div.page_title { font-size:22px; font-weight:bold; color:#666666; text-shadow:#FFFFFF 1px 1px 1px; filter:dropshadow(color=#FFFFFF,offX=1,offY=1); padding-top:14px; padding-left:16px; } 

#contact { display:block; position:relative; padding:33px 31px 23px 31px; color:#333333; }

#contact_list { display:block; margin:20px 0 0 0; list-style:none; }

#contact_list li { height:90px; padding-top:10px; }

#contact .left { float:left; width:80px; }

#contact .left .base { display:block; width:73px; height:73px; background:url(images/avatar_base.png) no-repeat; position:relative; }

#contact .left img { display:block; max-width:64px; max-height:64px;  margin:0 auto; padding:3px 0;}

#contact .middle { float:left; margin-left:15px; width:500px; height:80px; overflow:hidden; color:#999999; }

#contact .middle a { color:#333333; font-weight:bold; outline:none; }
